<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	request.setAttribute("basePath", path);
%>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Faurecia</title>
    <link rel="stylesheet" type="text/css" href="${basePath}/resource/jquery-easyui/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="${basePath}/resource/jquery-easyui/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="${basePath}/resource/jquery-easyui/themes/color.css">
    <link rel="stylesheet" type="text/css" href="${basePath}/resource/jquery-easyui/demo/demo.css">
    <style type="text/css">
    	#menuUl li div{
    		font-size:18px;
    		margin-top:20px;
    		cursor:pointer;
    	}
    	#menuUl li div:hover{
    		color: blue;
   		}
    </style>
    <script type="text/javascript" src="${basePath}/resource/jquery-easyui/jquery.min.js"></script>
    <script type="text/javascript" src="${basePath}/resource/jquery-easyui/jquery.easyui.min.js"></script>
    
    <script type="text/javascript">

		$(document).ready(function() {
			
		});
		function addTab(title, url){
			if ($('#tt').tabs('exists', title)){
				$('#tt').tabs('select', title);
			} else {
				var content = '<iframe scrolling="auto" frameborder="0"  src="'+url+'" style="width:100%;height:100%;"></iframe>';
				$('#tt').tabs('add',{
					height:"500px",
					title:title,
					content:content,
					closable:true
				});
			}
		}
	</script>
</head>
<body class="easyui-layout">
	<div data-options="region:'north',border:false" style="height:60px;background:#B3DFDA">
		<div>
			<img alt="" src="${basePath}/resource/image/logo.png" style="height:40px;width:120px;background:#B3DFDA;margin-top:10px;">
		</div>
	</div>
	<div data-options="region:'west',split:true,title:'菜单'" style="width:150px;">
		<ul id="menuUl">
			<li>
				<div  onclick="addTab('入库','${basePath}/instock/toInStock')">入库</div>
			</li>
			<li>
				<div onclick="addTab('出库','${basePath}/outstock/toOutStock')">出库</div>
			</li>
			<li>
				<div onclick="addTab('库存看板','${basePath}/stockboard/toStockBoard')">库存看板</div>
			</li>
			<li>
				<div onclick="addTab('平顺板','${basePath}/stockboard/toLevelingBoard')">平顺板</div>
			</li>
		</ul>
	</div>
	<div data-options="region:'center'" id="center">
		<div id="tt" fit="true" class="easyui-tabs" style="width:100%;height:100%;">
			<div title="Home">
				<a href='${basePath}/instock/toInStock'>入库</a><br>
				<a href='${basePath}/outstock/toOutStock'>出库</a><br>
				<a href='${basePath}/stockboard/toStockBoard'>库存看板</a><br>
				<a href='${basePath}/stockboard/toLevelingBoard'>平顺板</a><br>
			</div>
		</div>
	</div>
	<div data-options="region:'south',border:false" style="height:50px;padding:10px;"></div>
</body>
</html>